<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>广告的样式</title>
		<style type="text/css">
		body{
			padding: 0;
			margin: 0;
		}
			.list {
			}
			
			.item {
				list-style-type: none;
				display: inline-block;
				color: blue;
				text-align: center;
				border: 1px solid blue;
				border-radius: 10px;
				width: 200px;
				margin: 10px;
				font-size: 12px;
			}
			
			.item:hover {
				background: blue;
				color: white;
				cursor: pointer;
			}
		</style>
	</head>

	<body>
		<ul class="list">
			<li class="item">C</li>
			<li class="item">C++</li>
			<li class="item">C#</li>
			<li class="item">Ruby</li>
			<li class="item">Python</li>
			<li class="item">Javascript</li>
			<li class="item">Canvas</li>
			<li class="item">SQL server</li>
			<li class="item">asp.net</li>
			<li class="item">jQuery</li>
			<li class="item">chrome</li>
			<li class="item">lisp</li>
			<li class="item">stackover flow</li>
			<li class="item">C</li>
			<li class="item">C++</li>
			<li class="item">C#</li>
			<li class="item">Ruby</li>
			<li class="item">Python</li>
			<li class="item">Javascript</li>
			<li class="item">Canvas</li>
			<li class="item">SQL server</li>
			<li class="item">asp.net</li>
			<li class="item">jQuery</li>
			<li class="item">chrome</li>
			<li class="item">lisp</li>
			<li class="item">stackover flow</li>
			<li class="item">C</li>
			<li class="item">C++</li>
			<li class="item">C#</li>
			<li class="item">Ruby</li>
			<li class="item">Python</li>
			<li class="item">Javascript</li>
			<li class="item">Canvas</li>
			<li class="item">SQL server</li>
			<li class="item">asp.net</li>
			<li class="item">jQuery</li>
			<li class="item">chrome</li>
			<li class="item">lisp</li>
			<li class="item">stackover flow</li>
			<li class="item">C</li>
			<li class="item">C++</li>
			<li class="item">C#</li>
			<li class="item">Ruby</li>
			<li class="item">Python</li>
			<li class="item">Javascript</li>
			<li class="item">Canvas</li>
			<li class="item">SQL server</li>
			<li class="item">asp.net</li>
			<li class="item">jQuery</li>
			<li class="item">chrome</li>
			<li class="item">lisp</li>
			<li class="item">stackover flow</li>
			<li class="item">C</li>
			<li class="item">C++</li>
			<li class="item">C#</li>
			<li class="item">Ruby</li>
			<li class="item">Python</li>
			<li class="item">Javascript</li>
			<li class="item">Canvas</li>
			<li class="item">SQL server</li>
			<li class="item">asp.net</li>
			<li class="item">jQuery</li>
			<li class="item">chrome</li>
			<li class="item">lisp</li>
			<li class="item">stackover flow</li>
			<li class="item">C</li>
			<li class="item">C++</li>
			<li class="item">C#</li>
			<li class="item">Ruby</li>
			<li class="item">Python</li>
			<li class="item">Javascript</li>
			<li class="item">Canvas</li>
			<li class="item">SQL server</li>
			<li class="item">asp.net</li>
			<li class="item">jQuery</li>
			<li class="item">chrome</li>
			<li class="item">lisp</li>
			<li class="item">stackover flow</li>
			<li class="item">C</li>
			<li class="item">C++</li>
			<li class="item">C#</li>
			<li class="item">Ruby</li>
			<li class="item">Python</li>
			<li class="item">Javascript</li>
			<li class="item">Canvas</li>
			<li class="item">SQL server</li>
			<li class="item">asp.net</li>
			<li class="item">jQuery</li>
			<li class="item">chrome</li>
			<li class="item">lisp</li>
			<li class="item">stackover flow</li>
			<li class="item">C</li>
			<li class="item">C++</li>
			<li class="item">C#</li>
			<li class="item">Ruby</li>
			<li class="item">Python</li>
			<li class="item">Javascript</li>
			<li class="item">Canvas</li>
			<li class="item">SQL server</li>
			<li class="item">asp.net</li>
			<li class="item">jQuery</li>
			<li class="item">chrome</li>
			<li class="item">lisp</li>
			<li class="item">stackover flow</li>
			<li class="item">C</li>
			<li class="item">C++</li>
			<li class="item">C#</li>
			<li class="item">Ruby</li>
			<li class="item">Python</li>
			<li class="item">Javascript</li>
			<li class="item">Canvas</li>
			<li class="item">SQL server</li>
			<li class="item">asp.net</li>
			<li class="item">jQuery</li>
			<li class="item">chrome</li>
			<li class="item">lisp</li>
			<li class="item">stackover flow</li>
			<li class="item">C</li>
			<li class="item">C++</li>
			<li class="item">C#</li>
			<li class="item">Ruby</li>
			<li class="item">Python</li>
			<li class="item">Javascript</li>
			<li class="item">Canvas</li>
			<li class="item">fireworks</li>
			<li class="item">SQL server</li>
		</ul>
		<script type="text/javascript">
			window.onload=function () {
				
			}
		</script>
	</body>
</html>